<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>PC控制器</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="bootstrap/css/common.css" rel="stylesheet">
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
</head>

<body>
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="javascript:void(0);">PC控制器</a>
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li class="active"><a href="javascript:void(0);">PPT</a></li>
                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12">
                <div id="ctr">
                    <table  id="ninebox">
                        <tbody>
                        <tr>
                            <td></td>
                            <td><button class="home"></button></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td><button class="prev"></button></td>
                            <td><button class="refresh"></button></td>
                            <td><button class="next"></button> </td>
                        </tr>
                        <tr>
                            <td><input type="text" id="page"></td>
                            <td><button class="go"></button></td>
                            <td></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
        </div><!--/span-->
    </div><!--/row-->

    <hr>

    <footer>
        <p>&copy; V仔</p>
    </footer>

</div><!--/.fluid-container-->

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.7.2.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="js/ui.js"></script>
</body>
</html>
